Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / js / MarkdownRenderer.js

Displaying Raw • Download

Tff7b72import Te6edf3Utils Tff7b72from Ta5d6ff"./Utils"Tb4b4b4;

Tff7b72import Te6edf3LinkUtils Tff7b72from Ta5d6ff"./LinkUtils"Tb4b4b4;

Tff7b72export Tff7b72default Tff7b72class Te6edf3MarkdownRenderer Tb4b4b4{

T8b949e/**

* A simple Markdown to HTML renderer, cause we dont need another library for this.

* Ported and simplified from meshchatx/src/backend/markdown_renderer.py

*/

Tff7b72static Te6edf3renderTb4b4b4(Te6edf3textTb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Te6edf3text Tff7b72== Tff7b72nullTb4b4b4) Tb4b4b4{

Tff7b72return Ta5d6ff""Tb4b4b4;

Tb4b4b4}

Tff7b72if Tb4b4b4(Tff7b72typeof Te6edf3text Tff7b72!== Ta5d6ff"string"Tb4b4b4) Tb4b4b4{

Te6edf3text Tff7b72= Tffa657StringTb4b4b4(Te6edf3textTb4b4b4)Tb4b4b4;

Tb4b4b4}

Te6edf3text Tff7b72= Te6edf3UtilsTb4b4b4.Te6edf3escapeHtmlTb4b4b4(Te6edf3textTb4b4b4)Tb4b4b4;

T8b949e// Fenced code blocks - process these FIRST and replace with placeholders

Tff7b72const Te6edf3code_blocks Tff7b72= Tb4b4b4[Tb4b4b4]Tb4b4b4;

Te6edf3text Tff7b72= Te6edf3textTb4b4b4.Te6edf3replaceTb4b4b4(Ta5d6ff/```(\w+)?\n([\s\S]*?)\n```/gTb4b4b4, Tb4b4b4(Te6edf3matchTb4b4b4, Te6edf3langTb4b4b4, Te6edf3codeTb4b4b4) Tb4b4b4=> Tb4b4b4{

Tff7b72const Te6edf3placeholder Tff7b72= Ta5d6ff`Ta5d6ff[[CBTffd700${Te6edf3code_blocksTb4b4b4.Te6edf3lengthTffd700}Ta5d6ff]]Ta5d6ff`Tb4b4b4;

Te6edf3code_blocksTb4b4b4.Te6edf3pushTb4b4b4(

Ta5d6ff`Ta5d6ff<pre class="bg-gray-800 dark:bg-zinc-900 text-zinc-100 dark:text-zinc-100 p-3 rounded-lg my-3 overflow-x-auto border border-gray-700 dark:border-zinc-800 font-mono text-sm"><code class="language-Tffd700${Te6edf3lang Tff7b72|| Ta5d6ff""Tffd700}Ta5d6ff text-inherit">Tffd700${Te6edf3codeTffd700}Ta5d6ff</code></pre>Ta5d6ff`

Tb4b4b4)Tb4b4b4;

Tff7b72return Te6edf3placeholderTb4b4b4;

Tb4b4b4}Tb4b4b4)Tb4b4b4;

T8b949e// Headers

Te6edf3text Tff7b72= Te6edf3textTb4b4b4.Te6edf3replaceTb4b4b4(Ta5d6ff/^# (.*)$/gmTb4b4b4, Ta5d6ff'<h1 class="text-xl font-bold mt-4 mb-2"> $1</h1>'Tb4b4b4)Tb4b4b4;

Te6edf3text Tff7b72= Te6edf3textTb4b4b4.Te6edf3replaceTb4b4b4(Ta5d6ff/^## (.*)$/gmTb4b4b4, Ta5d6ff'<h2 class="text-lg font-bold mt-3 mb-1">$1</h2>'Tb4b4b4)Tb4b4b4;

Te6edf3text Tff7b72= Te6edf3textTb4b4b4.Te6edf3replaceTb4b4b4(Ta5d6ff/^### (.*)$/gmTb4b4b4, Ta5d6ff'<h3 class="text-base font-bold mt-2 mb-1">$1</h3>'Tb4b4b4)Tb4b4b4;

T8b949e// Bold and Italic

Te6edf3text Tff7b72= Te6edf3textTb4b4b4.Te6edf3replaceTb4b4b4(Ta5d6ff/\*\*\*(.*?)\*\*\*/gTb4b4b4, Ta5d6ff"<strong><em>$1</em></strong>"Tb4b4b4)Tb4b4b4;

Te6edf3text Tff7b72= Te6edf3textTb4b4b4.Te6edf3replaceTb4b4b4(Ta5d6ff/\*\*(.*?)\*\*/gTb4b4b4, Ta5d6ff"<strong>$1</strong>"Tb4b4b4)Tb4b4b4;

Te6edf3text Tff7b72= Te6edf3textTb4b4b4.Te6edf3replaceTb4b4b4(Ta5d6ff/\*(.*?)\*/gTb4b4b4, Ta5d6ff"<em>$1</em>"Tb4b4b4)Tb4b4b4;

Te6edf3text Tff7b72= Te6edf3textTb4b4b4.Te6edf3replaceTb4b4b4(Ta5d6ff/___(.*?)___/gTb4b4b4, Ta5d6ff"<strong><em>$1</em></strong>"Tb4b4b4)Tb4b4b4;

Te6edf3text Tff7b72= Te6edf3textTb4b4b4.Te6edf3replaceTb4b4b4(Ta5d6ff/__(.*?)__/gTb4b4b4, Ta5d6ff"<strong>$1</strong>"Tb4b4b4)Tb4b4b4;

Te6edf3text Tff7b72= Te6edf3textTb4b4b4.Te6edf3replaceTb4b4b4(Ta5d6ff/_(.*?)_/gTb4b4b4, Ta5d6ff"<em>$1</em>"Tb4b4b4)Tb4b4b4;

T8b949e// Blockquotes

Te6edf3text Tff7b72= Te6edf3textTb4b4b4.Te6edf3replaceTb4b4b4(

Ta5d6ff/^> (.*)$/gmTb4b4b4,

Ta5d6ff'<blockquote class="border-l-4 border-gray-300 dark:border-zinc-700 pl-3 py-1 my-2 italic opacity-80">$1</blockquote>'

Tb4b4b4)Tb4b4b4;

T8b949e// Inline code

Te6edf3text Tff7b72= Te6edf3textTb4b4b4.Te6edf3replaceTb4b4b4(

Ta5d6ff/`([^`]+)`/gTb4b4b4,

Ta5d6ff'<code class="bg-black/10 dark:bg-white/10 px-1 rounded font-mono text-[0.9em]">$1</code>'

Tb4b4b4)Tb4b4b4;

T8b949e// Links

Te6edf3text Tff7b72= Te6edf3LinkUtilsTb4b4b4.Te6edf3renderAllLinksTb4b4b4(Te6edf3textTb4b4b4)Tb4b4b4;

T8b949e// Restore code blocks

Tff7b72for Tb4b4b4(Tff7b72let Te6edf3i Tff7b72= T79c0ff0Tb4b4b4; Te6edf3i Tff7b72< Te6edf3code_blocksTb4b4b4.Te6edf3lengthTb4b4b4; Te6edf3iTff7b72++Tb4b4b4) Tb4b4b4{

Te6edf3text Tff7b72= Te6edf3textTb4b4b4.Te6edf3replaceTb4b4b4(Ta5d6ff`Ta5d6ff[[CBTffd700${Te6edf3iTffd700}Ta5d6ff]]Ta5d6ff`Tb4b4b4, Te6edf3code_blocksTb4b4b4[Te6edf3iTb4b4b4]Tb4b4b4)Tb4b4b4;

Tb4b4b4}

T8b949e// Paragraphs - double newline to p tag

Tff7b72const Te6edf3parts Tff7b72= Te6edf3textTb4b4b4.Te6edf3splitTb4b4b4(Ta5d6ff/\n\n+/Tb4b4b4)Tb4b4b4;

Tff7b72const Te6edf3processed_parts Tff7b72= Tb4b4b4[Tb4b4b4]Tb4b4b4;

Tff7b72for Tb4b4b4(Tff7b72let Te6edf3part Tff7b72of Te6edf3partsTb4b4b4) Tb4b4b4{

Te6edf3part Tff7b72= Te6edf3partTb4b4b4.Te6edf3trimTb4b4b4(Tb4b4b4)Tb4b4b4;

Tff7b72if Tb4b4b4(Tff7b72!Te6edf3partTb4b4b4) Tff7b72continueTb4b4b4;

T8b949e// If it's a placeholder for code block, don't wrap in <p>

Tff7b72if Tb4b4b4(Te6edf3partTb4b4b4.Te6edf3startsWithTb4b4b4(Ta5d6ff"<pre"Tb4b4b4) Tff7b72|| Te6edf3partTb4b4b4.Te6edf3startsWithTb4b4b4(Ta5d6ff"<h"Tb4b4b4)Tb4b4b4) Tb4b4b4{

Te6edf3processed_partsTb4b4b4.Te6edf3pushTb4b4b4(Te6edf3partTb4b4b4)Tb4b4b4;

Tb4b4b4} Tff7b72else Tb4b4b4{

T8b949e// Replace single newlines with <br> for line breaks within paragraphs

Te6edf3part Tff7b72= Te6edf3partTb4b4b4.Te6edf3replaceTb4b4b4(Ta5d6ff/\n/gTb4b4b4, Ta5d6ff"<br>"Tb4b4b4)Tb4b4b4;

Te6edf3processed_partsTb4b4b4.Te6edf3pushTb4b4b4(Ta5d6ff`Ta5d6ff<p class="my-2 leading-relaxed">Tffd700${Te6edf3partTffd700}Ta5d6ff</p>Ta5d6ff`Tb4b4b4)Tb4b4b4;

Tb4b4b4}

Tb4b4b4}

Tff7b72return Te6edf3processed_partsTb4b4b4.Te6edf3joinTb4b4b4(Ta5d6ff"\n"Tb4b4b4)Tb4b4b4;

Tb4b4b4}

T8b949e/**

* Strips markdown from text for previews.

*/

Tff7b72static Te6edf3stripTb4b4b4(Te6edf3textTb4b4b4) Tb4b4b4{

Tff7b72if Tb4b4b4(Te6edf3text Tff7b72== Tff7b72nullTb4b4b4) Tb4b4b4{

Tff7b72return Ta5d6ff""Tb4b4b4;

Tb4b4b4}

Tff7b72if Tb4b4b4(Tff7b72typeof Te6edf3text Tff7b72!== Ta5d6ff"string"Tb4b4b4) Tb4b4b4{

Te6edf3text Tff7b72= Tffa657StringTb4b4b4(Te6edf3textTb4b4b4)Tb4b4b4;

Tb4b4b4}

T8b949e// Strip fenced code blocks

Te6edf3text Tff7b72= Te6edf3textTb4b4b4.Te6edf3replaceTb4b4b4(Ta5d6ff/```(\w+)?\n([\s\S]*?)\n```/gTb4b4b4, Ta5d6ff"[Code Block]"Tb4b4b4)Tb4b4b4;

T8b949e// Strip headers

Te6edf3text Tff7b72= Te6edf3textTb4b4b4.Te6edf3replaceTb4b4b4(Ta5d6ff/^#+ (.*)$/gmTb4b4b4, Ta5d6ff"$1"Tb4b4b4)Tb4b4b4;

T8b949e// Strip bold and italic

Te6edf3text Tff7b72= Te6edf3textTb4b4b4.Te6edf3replaceTb4b4b4(Ta5d6ff/\*\*\*(.*?)\*\*\*/gTb4b4b4, Ta5d6ff"$1"Tb4b4b4)Tb4b4b4;

Te6edf3text Tff7b72= Te6edf3textTb4b4b4.Te6edf3replaceTb4b4b4(Ta5d6ff/\*\*(.*?)\*\*/gTb4b4b4, Ta5d6ff"$1"Tb4b4b4)Tb4b4b4;

Te6edf3text Tff7b72= Te6edf3textTb4b4b4.Te6edf3replaceTb4b4b4(Ta5d6ff/\*(.*?)\*/gTb4b4b4, Ta5d6ff"$1"Tb4b4b4)Tb4b4b4;

Te6edf3text Tff7b72= Te6edf3textTb4b4b4.Te6edf3replaceTb4b4b4(Ta5d6ff/___(.*?)___/gTb4b4b4, Ta5d6ff"$1"Tb4b4b4)Tb4b4b4;

Te6edf3text Tff7b72= Te6edf3textTb4b4b4.Te6edf3replaceTb4b4b4(Ta5d6ff/__(.*?)__/gTb4b4b4, Ta5d6ff"$1"Tb4b4b4)Tb4b4b4;

Te6edf3text Tff7b72= Te6edf3textTb4b4b4.Te6edf3replaceTb4b4b4(Ta5d6ff/_(.*?)_/gTb4b4b4, Ta5d6ff"$1"Tb4b4b4)Tb4b4b4;

T8b949e// Strip inline code

Te6edf3text Tff7b72= Te6edf3textTb4b4b4.Te6edf3replaceTb4b4b4(Ta5d6ff/`([^`]+)`/gTb4b4b4, Ta5d6ff"$1"Tb4b4b4)Tb4b4b4;

Tff7b72return Te6edf3textTb4b4b4;

Tb4b4b4}

Tb4b4b4}